<template>
  <div class="home">
    <chart-top :chartData="chartData"></chart-top>
    <ChartMain :x="chartData.orderFullYearAxis"  :saleArr="chartData.orderFullYear" :visiteArr="chartData.userFullYear"></ChartMain>
    <ChartBottom></ChartBottom>
       
  </div>
</template>

<script setup lang="ts">
import {reqChatrsData }from '@/api/home/home'
import ChartTop from './ChartTop/index.vue'
import ChartMain from './ChartMain/index.vue'
import ChartBottom from './chartBottom/index.vue'
import { onMounted,ref } from 'vue'

let chartData=ref({});
onMounted(async ()=>{
  let result=await reqChatrsData()
  chartData.value=result

})
</script>

<style scoped>
.home{
  width: 100%;
  height: 100%;
  background: url(./1.gif) ;
  padding: 40px;
}
</style>